<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>出差管理</title>
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script th:src="@{/js/jquery-3.6.0.js}"></script>
    <script th:src="@{/js/hr/wxw.js}"></script>
    <style>
        #wxw {
            width: 98%;
            margin: 16px auto;
        }

        td {
            font-weight: bold;
        }
    </style>
</head>
<body onload="shenPi()" >
    <div id="wxw">
        <table class="layui-table">
            <tr>
                <td>姓名：</td>
                <td><input type="text" class="layui-input" readonly th:value="${session.user.name}"></td>
                <td>部门：</td>
                <td><input type="text" class="layui-input" readonly th:value="${session.buMeng.departmentname}"></td>
            </tr>
            <tr>
                <td>出差时间：</td>
                <td><input type="date" class="layui-input wxw-date3" th:value="${#dates.format(tra.begintime,'yyyy-MM-dd')}"></td>
                <td>结束时间：</td>
                <td><input type="date" class="layui-input wxw-date4" th:value="${#dates.format(tra.endtime,'yyyy-MM-dd')}"></td>
            </tr>
            <tr>
                <td>出差地点：</td>
                <td><input type="text" class="layui-input chuCai" th:value="${tra.site}"></td>
                <td>交通工具：</td>
                <td><select class="layui-input CCType" name="de.id">
                    <option value="-1">请选择类型</option>
                    <option th:each="de:${dec}" th:value="${de.id}" th:text="${de.type}"
                    th:selected="(${de.id} eq ${tra.d_id})"
                    ></option>
                </select></td>
            </tr>
            <tr>
                <td>出差事由：</td>
                <td colspan="3"><textarea name="" required lay-verify="required" placeholder="请输入出差事由"
                                          class="layui-textarea shiYou2" th:text="${tra.reason}"></textarea></td>

            </tr>
            <tr>
                <td>工作任务：</td>
                <td colspan="3"><textarea name="" required lay-verify="required" placeholder="请输入工作任务"
                                          class="layui-textarea renWu" th:text="${tra.mission}"></textarea></td>

            </tr>
            <td>借款金额：</td>
            <td><input type="text" class="layui-input jinE" th:value="${tra.money}"></td>
            <tr>
                <td colspan="4">
                    <hr>
                </td>

            </tr>
            <tr>
                <td>下一步审批人：</td>
                <td><select class="layui-input shenpi">
                    <option value="-1">请选择审批人</option>
                </select></td>
                <td><input type="button" class="layui-btn" value="确定" onclick="saveChuChai2()"></td>
                <td><input type="button" class="layui-btn" value="取消" onclick="guanbi()"></td>
            </tr>
        </table>
    </div>
</body>
<script>
    //抓取下拉框选中的值
    layui.use('form', function () {
        var form = layui.form;

        form.render();

    });

    //弹层设置
    layui.use("layer", function () {
        var layer = layui.layer;
    });


</script>
</html>